<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>data-filter</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    </head>

    <body>
        <div id="app">
            <!-- TODO:属性计算列表渲染过滤 -->
        </div>
        <script>
            new Vue({
                el: '#app',
                data() {
                    return {
                        keyword: '',
                        persons: [
                            { id: 1, name: 'zhaoliying', age: 33 },
                            { id: 2, name: 'yangmi', age: 34 },
                            { id: 3, name: 'qiwei', age: 40 },
                            { id: 4, name: 'dilireba', age: 20 },
                        ],
                    };
                },
            });
        </script>
    </body>
</html>
